@charset "utf-8";
/*
 * 鸡蛋美术商城 一元包邮CSS样式文件
 * $Author: Jo
 * $Id: buyone.css 2015-8-5 10:57:00
 * 一元包邮样式 Begin
*/

/* 页面整体公共处理 Begin */
body{width: 100%; height: auto; background: #691107 url(/img/buyone/buyone_bg.png) repeat;}
p{margin: 0;}
.none{display: none;}
/* 页面整体公共处理 End */

/* 中间内容区域 Begin */
#buyone_content{width: 990px; height: auto; margin: 0 auto; background-color: #edeadb;padding-bottom: 40px;}

/* 头部广告部分 Begin */
.ad{width: 100%; height: 495px; background-color: #bfbfbf;}
/* 头部广告部分 End */

/* 一元包邮抢购部分 Begin */
.buy_area{width: 100%; height: auto;}
.buy_area .top_line{background: url(/img/buyone/dotted_line.png) repeat-x 0 0; width: 100%; height: 2px;}
.buy_area .rules{width: 100%; height: 120px;}
.buy_area .rules .ico{float: left; width: 113px; height: 41px; background: url(/img/icon_sprite/buyone_script.png) no-repeat 0 0; margin: 40px 0 0 204px;}
.buy_area .rules p{float: left; font-size: 15px; color: #811407; font-weight: bold; margin: 40px 0 0 19px;}
.buy_area .goods_box{width: 922px; height: 307px; margin: 0 auto; border: 1px solid #691107; overflow: hidden;}
.buy_area .goods_box .left{float: left; width: 270px; height: 270px; margin: 18px 0 0 20px;}
.buy_area .goods_box .left a{float: left; width: 270px; height: 270px;}
.buy_area .goods_box .left img{float: left; width: 270px; height: 270px;}
.buy_area .goods_box .right{float: left; width: 591px; height: 270px; margin: 18px 0 0 21px; overflow: hidden;}
.buy_area .goods_box .right .name{float: left; width: 100%; height: 87px; line-height: 87px; font-size: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.buy_area .goods_box .right .name a{color: #292929;}
.buy_area .goods_box .right .price{float: left; width: 100%; height: 136px; text-align: center; font-weight: bold;}
.buy_area .goods_box .right .price .oneyuan{font-size: 45px; color: #811407; font-style: normal; }
.buy_area .goods_box .right .price .market_price{font-size: 20px; color: #646464;}
.buy_area .goods_box .right .price .market_price span{text-decoration: line-through; line-height: 50px;}
.buy_area .goods_box .right .buying{float: left; width: 100%; height: 47px; line-height: 47px; background-color: #811407; color: #edeadb; font-size: 17px; cursor: pointer;}
.buy_area .goods_box .right .buying span{font-size: 14px;}
.buy_area .goods_box .right .buying .panic_buy{float: left; margin-left: 45px;}
.buy_area .goods_box .right .buying .buy_num{float: right; margin-right: 45px; font-size: 14px;}
.buy_area .no_free{width: 922px; line-height: 26px; margin: 0 auto; color: #811407;}
/* 一元包邮抢购部分 End */

#buyone_content .box{width: 956px; height: auto; margin: 0 auto; background-color: #bfbfbf; margin-top: 17px;}

/* 底部 Begin */
.buyone-button{width:170px;height:40px;margin: 40px auto 0;background: #691107;color: #fff;text-align: center;line-height: 40px;font-size: 13px;letter-spacing: 1px;cursor: pointer;}
/* 底部 End */

/* 返回购买按钮-锚点 Begin */
.return-btn{width:170px;height:40px;margin: 40px auto 0;background: #691107;color: #fff;text-align: center;line-height: 40px;font-size: 13px;letter-spacing: 1px;cursor: pointer; display: block;}
/* 返回购买按钮-锚点 End */

/* 提示框部分 Begin */
.popup{position: fixed; width: 571px; height: 230px; border: 3px solid #870105; left: 50%; top: 50%; margin: -115px 0 0 -285.5px; background-color: #fff;}
.popup .close{float: right; width: 16px; height: 16px; background: url(/img/icon_sprite/buyone_script.png) no-repeat -118px 0; margin: 15px 18px 0 0; transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -ms-transition: -ms-transform 0.5s; -o-transition: -o-transform 0.5s; cursor: pointer;}
.popup .close:hover{transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}
.popup_content{width: 427px; height: 72px; margin: 0 auto; margin-top: 62px; overflow: hidden;}
.popup_content p{font-size: 16px; color: #292929; font-weight: bold; line-height: 24px;}
.popup_content p span{color: #890105;}
.popup .btn{width: 130px; height: 35px; background-color: #890105; margin: 0 auto; margin-top: 30px; line-height: 35px; text-align: center; font-size: 14px;}
.popup .btn:hover{opacity: 0.8;}
.popup .btn a{display: block; color: #fff;}
/* 提示框部分 End */

/* 往期回顾 */
#wangqihuigu{width: 187px;height: auto;padding: 9px 15px;background: #edeadb;position: fixed;top: 50%;margin-top: -260px;left: 50%;margin-left: 495px;display: none;}
#wangqihuigu a{width: 187px;height: 63px;margin: 9px 0;float: left;}

/* 中间内容区域 End */
/* 一元包邮样式 End */